<template>
    <view class="tabbar-position" @click="goToCart">
        <view class="tabbar-item-content flex-col-cn-cn">
            <view class="icon-style qh-rt-single qh-rt-single qh-rt-a-zu24291"></view>
            <!-- <view class="tabbar-text tabbar-item-text">购物车</view> -->
            <view class="cart-length" v-if="updatedCartLength >0">{{ updatedCartLength }}</view>
        </view>
    </view>
</template>

<script>
export default {
  computed: {
    updatedCartLength() {
      return this.$store.merShoppingGoodsList.length;
    }
  },
  created() {
	console.log(this.$store.merShoppingGoodsList,'11111111111')
  },
  methods: {
    goToCart() {
		uni.navigateTo({
			url: '/pages/mer/tabbar/shoppingCar/shoppingCar'
		});
    }
  },
}
</script>

<style lang="less">
@import "@/static/css/common-pushpins.css";
</style> 